<template>
  <div>
    <el-form :model="card" ref="card" label-width="10em">

    </el-form>
  </div>
</template>

<script>
export default {
  data () {
    return {
      query: {
        type: '',
        cardType: '',
        cardId: ''
      },
      card: {
        cardType: 'MEMBER_CARD',
        memberCard: {
          backgroundPicUrl: '', // 可以修改，string(128),商家自定义会员卡背景图，须 先调用 上传图片接口 将背景图上传至CDN，否则报错， 卡面设计请遵循 微信会员卡自定义背景设计规范 ,像素大小控制在 1000像素*600像素以下
          prerogative: '', // 可以修改，strin g(3072),会员卡特权说明,限制1024汉字
          autoActivate: true, // 可以修改，bool,设置为true时用户领取会员卡后系统自动将其激活，无需调用激活接口，详情见自动激活
          wxActivate: false, // 可以修改，bool,设置为true时会员卡支持一键开卡，不允许同时传入activate_url字段，否则设置wx_activate失效。填入该字段后仍需调用接口设置开卡项方可生效，详情见 一键开卡
          wxActivateAfterSubmit: false, // 可以修改，bool,true为跳转型一键开卡，false为非跳转型一键开卡
          activateUrl: '', // 可以修改，string（128）,激活会员卡的url
          activateAppBrandUserName: '', // 可以修改，string（128）,激活会原卡url对应的小程序user_name，仅可跳转该公众号绑定的小程序
          activateAppBrandPass: '', // 可以修改，string（128）,激活会原卡url对应的小程序path
          supplyBonus: true, // 不可以修改，bool,显示积分，填写true或false，如填写true，积分相关字段均为必 填 若设置为true则后续不可以被关闭
          bonusUrl: '', // 可以修改，string(128), 设置跳转外链查看积分详情。仅适用于积分无法通过激活接口同步的情况下使用该字段
          supplyBalance: false, // 不可修改，bool,是否支持储值，填写true或false。如填写true，储值相关字段均为必 填 若设置为true则后续不可以被关闭。该字段须开通储值功能后方可使用， 详情见： 获取特殊权限
          balanceUrl: '', // 可以修改，string(128), 设置跳转外链查看余额详情。仅适用于余额无法通过激活接口同步的情况下使用该字段
          customField1: {
            nameType: 'FIELD_NAME_TYPE_LEVEL', // string(24),会员信息类目半自定义名称，当开发者变更这类类目信息的value值时 可以选择触发系统模板消息通知用户。 FIELD_NAME_TYPE_LEVEL 等级 FIELD_NAME_TYPE_COUPON 优惠券 FIELD_NAME_TYPE_STAMP 印花 FIELD_NAME_TYPE_DISCOUNT 折扣 FIELD_NAME_TYPE_ACHIEVEMEN 成就 FIELD_NAME_TYPE_MILEAGE 里程 FIELD_NAME_TYPE_SET_POINTS 集点 FIELD_NAME_TYPE_TIMS 次数
            url: '' // string（128）,点击类目跳转外链url
          }, // 可以修改，JSON结构,自定义会员信息类目，会员卡激活后显示,包含name_type (name) 和url字段
          bonusCleared: '', // 可以修改，string（128）,积分清零规则
          bonusRules: '', // 可以修改，string（128）, 积分规则
          balanceRules: '', // 可以修改，string（128）, 储值说明
          customCell1: {
            name: '', // string(15),入口名称
            tips: '', // string(18),入口右侧提示语，6个汉字内
            url: '' // string(128),入口跳转链接。
          }, // 可以修改，JSON结构, 自定义会员信息类目，会员卡激活后显示
          bonusRule: {
            costMoneyUnit: undefined, // 可以修改，int,消费金额。以分为单位
            increaseBonus: undefined, // 可以修改，int,对应增加的积分
            maxIncreaseBonus: undefined, // 可以修改，int,用户单次可获取的积分上限
            initIncreaseBonus: undefined, // 可以修改，int,初始设置积分
            costBonusUnit: undefined, // 可以修改，int,每使用N积分
            reduceMoney: undefined, // 可以修改，int,抵扣xx元，（这里以分为单位）
            leastMoneytoUseBonus: undefined, // 可以修改，int,抵扣条件，满xx元（这里以分为单位）可用
            maxReduceBonus: undefined // 可以修改，int,抵扣条件，单笔最多使用xx积分
          }, // JSON结构,积分规则
          discount: undefined, // 不可以修改，int,折扣，该会员卡享受的折扣优惠,填10就是九折
          baseInfo: {
            logoUrl: '', // 可以修改，string(128),卡券的商户logo，建议像素为300*300
            codeType: 'CODE_TYPE_QRCODE', // 可以修改，string(16),码型
            payInfo: {
              swipeCard: {
                isSwipeCard: true, // 可以修改，bool,是否设置该会员卡支持拉出微信支付刷卡界面
                isPayAndQrcode: true // 可以修改，bool,是否设置该会员卡中部的按钮同时支持微信支付刷卡和会员卡二维码
              }
            },
            brandName: '', // 不可以修改，string（36）,商户名字,字数上限为12个汉字
            title: '', // 不可以修改，string（27）,卡券名，字数上限为9个汉字。(建议涵盖卡券属性、服务及金额)
            color: 'Color010', // 可以修改，string（16），券颜色
            notice: '使用时请向店员出示', // 可以修改，string（48），卡券使用提醒，字数上限为16个汉字
            description: '', // 不可以修改，string（3072），卡券使用说明，字数上限为1024个汉字
            sku: { // 商品信息
              quantity: undefined // 卡券库存的数量，上限为100000000
            },
            dateInfo: {
              type: 'DATE_TYPE_PERMANENT', // 使用时间的类型,DATE_TYPE_FIX_TIME_RANGE固定日期，DATE_TYPE_FIX_TERM固定时多，DATE_TYPE_PERMANENT永久有效
              _timeRange: [],
              beginTimeStamp: undefined, // 起用时间
              endTimeStamp: undefined, // 表示结束时间 ， 建议设置为截止日期的23:59:59过期。表示卡券统一过期时间，建议设置为截止日期的23:59:59过期
              fixedTerm: undefined, // type为DATE_TYPE_FIX_TERM时专用，表示自领取后多少天内有效，不支持填写0
              fixedBeginTerm: undefined, // 表示自领取后多少天开始生效，领取后当天生效填写0
              _endTimeStamp: undefined
            }, // 不可以修改，使用日期，有效期的信息
            useCustomCode: false, // 是否自定义Code码
            // bindOpenid: false, // 是否指定用户领取
            servicePhone: '', // 可以修改，string（24）,客服电话
            locationIdList: [], // 可以修改，门店位置poiid。 调用 POI门店管理接 口 获取门店位置poiid。具备线下门店 的商户为必填
            useAllLocations: true, // 不可以修改，设置本卡券支持全部门店，与location_id_list互斥
            centerTitle: '立即使用', // 可以修改，string（18）,卡券顶部居中的按钮，仅在卡券状 态正常(可以核销)时显示
            centerSubTitle: '', // 可以修改，string（24）,显示在入口下方的提示语 ，仅在卡券状态正常(可以核销)时显示
            centerUrl: '', // 可以修改，string（128）,顶部居中的url ，仅在卡券状态正常(可以核销)时显示
            centerAppBrandUserName: '', // 可以修改，string（128）,卡券跳转的小程序的user_name，仅可跳转该 公众号绑定的小程序
            centerAppBrandPass: '', // 可以修改，string（128）,卡券跳转的小程序的path
            customUrlName: '', // 可以修改，string（15）,自定义跳转外链的入口名字
            customUrl: '', // 可以修改，string（128）,自定义跳转的URL
            customUrlSubTitle: '', // 可以修改，string（18）,显示在入口右侧的提示语
            customAppBrandUserName: '', // 可以修改，string（128）,卡券跳转的小程序的user_name，仅可跳转该 公众号绑定的小程序
            customAppBrandPass: '', // 可以修改，string（128）,卡券跳转的小程序的path
            promotionUrlName: '', // 可以修改，string（15）,营销场景的自定义入口名称
            promotionUrl: '', // 可以修改，入口跳转外链的地址链接
            promotionUrlSubTitle: '', // 可以修改，string（18）,显示在营销入口右侧的提示语
            promotionAppBrandUserName: '', // 可以修改，string（128）,卡券跳转的小程序的user_name，仅可跳转该公众号绑定的小程序
            promotionAppBrandPass: '', // 可以修改，string（128）,卡券跳转的小程序的path
            getLimit: 1, // 可以修改，每人可领券的数量限制，建议会员卡每人限领一张
            canShare: false, // 可以修改，卡券领取页面是否可分享
            canGiveFriend: false, // 可以修改，卡券是否可转赠
            needPushOnView: true // 填写true为用户点击进入会员卡时推送事件，默认为false。详情见 进入会员卡事件推送
          }
        }
      },
      cardRoles: {
        memberCard: {
          backgroundPicUrl: [{
            required: true,
            message: '必选',
            trigger: 'change'
          }], // 可以修改，string(128),商家自定义会员卡背景图，须 先调用 上传图片接口 将背景图上传至CDN，否则报错， 卡面设计请遵循 微信会员卡自定义背景设计规范 ,像素大小控制在 1000像素*600像素以下
          prerogative: [{
            required: true,
            max: 1024,
            message: '最多 1024 个字',
            trigger: 'blur, change'
          }], // 可以修改，strin g(3072),会员卡特权说明,限制1024汉字
          autoActivate: [{
            type: 'boolean',
            message: '仅限boolean类型',
            trigger: 'change'
          }], // 可以修改，bool,设置为true时用户领取会员卡后系统自动将其激活，无需调用激活接口，详情见自动激活
          wxActivate: [{
            type: 'boolean',
            message: '仅限boolean类型',
            trigger: 'change'
          }], // 可以修改，bool,设置为true时会员卡支持一键开卡，不允许同时传入activate_url字段，否则设置wx_activate失效。填入该字段后仍需调用接口设置开卡项方可生效，详情见 一键开卡
          wxActivateAfterSubmit: [{
            type: 'boolean',
            required: true,
            message: '必选',
            trigger: 'change'
          }], // 可以修改，bool,true为跳转型一键开卡，false为非跳转型一键开卡
          activateUrl: [{
            max: 40,
            message: '最多 40 个字',
            trigger: 'blur, change'
          }], // 可以修改，string（128）,激活会员卡的url
          activateAppBrandUserName: [{
            max: 40,
            message: '最多 40 个字',
            trigger: 'blur, change'
          }], // 可以修改，string（128）,激活会原卡url对应的小程序user_name，仅可跳转该公众号绑定的小程序
          activateAppBrandPass: [{
            max: 40,
            message: '最多 40 个字',
            trigger: 'blur, change'
          }], // 可以修改，string（128）,激活会原卡url对应的小程序path
          supplyBonus: [{
            type: 'boolean',
            message: '仅限boolean类型'
          }], // 不可以修改，bool,显示积分，填写true或false，如填写true，积分相关字段均为必 填 若设置为true则后续不可以被关闭
          bonusUrl: [{
            max: 40,
            message: '最多 40 个字',
            trigger: 'blur, change'
          }], // 可以修改，string(128), 设置跳转外链查看积分详情。仅适用于积分无法通过激活接口同步的情况下使用该字段
          supplyBalance: [{
            type: 'boolean',
            message: '仅限boolean类型',
            trigger: 'change'
          }], // 不可修改，bool,是否支持储值，填写true或false。如填写true，储值相关字段均为必 填 若设置为true则后续不可以被关闭。该字段须开通储值功能后方可使用， 详情见： 获取特殊权限
          balanceUrl: [{
            max: 40,
            message: '最多 40 个字',
            trigger: 'blur, change'
          }], // 可以修改，string(128), 设置跳转外链查看余额详情。仅适用于余额无法通过激活接口同步的情况下使用该字段
          customField1: {
            nameType: [{
              type: 'enum',
              enum: ['FIELD_NAME_TYPE_LEVEL', 'FIELD_NAME_TYPE_COUPON', 'FIELD_NAME_TYPE_STAMP', 'FIELD_NAME_TYPE_DISCOUNT', 'FIELD_NAME_TYPE_ACHIEVEMEN', 'FIELD_NAME_TYPE_MILEAGE', 'FIELD_NAME_TYPE_SET_POINTS', 'FIELD_NAME_TYPE_TIMS'],
              message: '所选内容不符合限制条件要求',
              trigger: 'change'
            }], // string(24),会员信息类目半自定义名称，当开发者变更这类类目信息的value值时 可以选择触发系统模板消息通知用户。 FIELD_NAME_TYPE_LEVEL 等级 FIELD_NAME_TYPE_COUPON 优惠券 FIELD_NAME_TYPE_STAMP 印花 FIELD_NAME_TYPE_DISCOUNT 折扣 FIELD_NAME_TYPE_ACHIEVEMEN 成就 FIELD_NAME_TYPE_MILEAGE 里程 FIELD_NAME_TYPE_SET_POINTS 集点 FIELD_NAME_TYPE_TIMS 次数
            url: [{
              max: 40,
              message: '最多 40 个字',
              trigger: 'blur, change'
            }] // string（128）,点击类目跳转外链url
          }, // 可以修改，JSON结构,自定义会员信息类目，会员卡激活后显示,包含name_type (name) 和url字段
          bonusCleared: [{
            max: 40,
            message: '最多 40 个字',
            trigger: 'blur, change'
          }], // 可以修改，string（128）,积分清零规则
          bonusRules: [{
            max: 40,
            message: '最多 40 个字',
            trigger: 'blur, change'
          }], // 可以修改，string（128）, 积分规则
          balanceRules: [{
            max: 40,
            message: '最多 40 个字',
            trigger: 'blur, change'
          }], // 可以修改，string（128）, 储值说明
          customCell1: {
            name: [{
              max: 5,
              message: '最多 5 个字',
              trigger: 'blur, change'
            }], // string(15),入口名称
            tips: [{
              max: 6,
              message: '最多 6 个字',
              trigger: 'blur, change'
            }], // string(18),入口右侧提示语，6个汉字内
            url: [{
              max: 40,
              message: '最多 40 个字',
              trigger: 'blur, change'
            }] // string(128),入口跳转链接。
          }, // 可以修改，JSON结构, 自定义会员信息类目，会员卡激活后显示
          // bonusRule: {
          //   costMoneyUnit: undefined, // 可以修改，int,消费金额。以分为单位
          //   increaseBonus: undefined, // 可以修改，int,对应增加的积分
          //   maxIncreaseBonus: undefined, // 可以修改，int,用户单次可获取的积分上限
          //   initIncreaseBonus: undefined, // 可以修改，int,初始设置积分
          //   costBonusUnit: undefined, // 可以修改，int,每使用N积分
          //   reduceMoney: undefined, // 可以修改，int,抵扣xx元，（这里以分为单位）
          //   leastMoneytoUseBonus: undefined, // 可以修改，int,抵扣条件，满xx元（这里以分为单位）可用
          //   maxReduceBonus: undefined // 可以修改，int,抵扣条件，单笔最多使用xx积分
          // }, // JSON结构,积分规则
          // discount: undefined, // 不可修改，int,折扣，该会员卡享受的折扣优惠,填10就是九折
          baseInfo: {
            logoUrl: [{
              max: 40,
              message: '最多 40 个字',
              trigger: 'blur, change'
            }], // 可以修改，string(128),卡券的商户logo，建议像素为300*300
            codeType: [{
              type: 'enum',
              enum: ['CODE_TYPE_QRCODE', 'CODE_TYPE_BARCODE'],
              message: '所选内容不符合限制条件要求',
              trigger: 'change'
            }], // 可以修改，string(16),码型
            payInfo: {
              swipeCard: {
                isSwipeCard: [{
                  type: 'boolean',
                  message: '仅限boolean类型',
                  trigger: 'change'
                }], // 可以修改，bool,是否设置该会员卡支持拉出微信支付刷卡界面
                isPayAndQrcode: [{
                  type: 'boolean',
                  message: '仅限boolean类型',
                  trigger: 'change'
                }] // 可以修改，bool,是否设置该会员卡中部的按钮同时支持微信支付刷卡和会员卡二维码
              }
            },
            brandName: [{
              required: true,
              max: 12,
              message: '必填，最多 12 个字',
              trigger: 'blur, change'
            }], // string（36）,商户名字,字数上限为12个汉字
            title: [{
              required: true,
              max: 9,
              message: '必填，最多 9 个字',
              trigger: 'blur, change'
            }], // 不可修改，string（27）,卡券名，字数上限为9个汉字。(建议涵盖卡券属性、服务及金额)
            color: [{
              required: true,
              message: '必选',
              trigger: 'change'
            }], // 可以修改，string（16），券颜色
            notice: [{
              required: true,
              max: 16,
              message: '必填，最多 16 个字',
              trigger: 'blur, change'
            }], // 可以修改，string（48），卡券使用提醒，字数上限为16个汉字
            description: [{
              required: true,
              max: 1024,
              message: '必填，最多 1024 个字'
            }], // 不可修改，string（3072），卡券使用说明，字数上限为1024个汉字
            sku: { // 商品信息
              quantity: [{
                type: 'integer',
                min: 1,
                max: 100000000,
                message: '必填，1 - 10000000之间',
                trigger: 'blur, change'
              }] // 卡券库存的数量，上限为100000000
            },
            dateInfo: {
              type: [{
                required: true,
                type: 'enum',
                enum: ['DATE_TYPE_FIX_TIME_RANGE', 'DATE_TYPE_FIX_TERM', 'DATE_TYPE_PERMANENT'],
                message: '所选内容不符合限制条件要求',
                trigger: 'change'
              }], // 使用时间的类型,DATE_TYPE_FIX_TIME_RANGE固定日期，DATE_TYPE_FIX_TERM固定时多，DATE_TYPE_PERMANENT永久有效
              _timeRange: [{
                required: true,
                type: 'array',
                len: 2,
                fields: {
                  0: {
                    required: true,
                    type: 'integer',
                    message: '有效期必填',
                    trigger: 'change'
                  },
                  1: {
                    required: true,
                    type: 'integer',
                    message: '有效期必填',
                    trigger: 'change'
                  }
                }
              }],
              fixedTerm: [{
                required: true,
                type: 'integer',
                min: 1,
                message: '必填，大于等于 1 天',
                trigger: 'blur'
              }],
              fixedBeginTerm: [{
                required: true,
                type: 'integer',
                min: 0,
                message: '必填，领取后当天生效填写 0，大于等于 0 天',
                trigger: 'blur'
              }],
              _endTimeStamp: [{
                type: 'integer',
                message: '日期格式错误',
                trigger: 'blur, change'
              }]
            }, // 不可以修改，使用日期，有效期的信息
            useCustomCode: [{
              type: 'boolean',
              message: '仅限boolean类型',
              trigger: 'change'
            }], // 是否自定义Code码
            servicePhone: [{
              max: 13,
              message: '客服电话最多 13 个字，建议填写“区号-电话号”格式',
              trigger: 'blur, change'
            }],
            useAllLocations: [{
              required: true,
              type: 'boolean',
              message: '仅限boolean类型',
              trigger: 'change'
            }],
            locationIdList: [{
              required: true,
              type: 'array',
              min: 1,
              message: '适用门店必选，至少 1 家门店'
            }],
            centerTitle: [{
              max: 6,
              message: '最多 6 个字',
              trigger: 'blur, change'
            }], // 可以修改，string（18）,卡券顶部居中的按钮，仅在卡券状 态正常(可以核销)时显示
            centerSubTitle: [{
              max: 8,
              message: '最多 8 个字',
              trigger: 'blur, change'
            }], // 可以修改，string（24）,显示在入口下方的提示语 ，仅在卡券状态正常(可以核销)时显示
            centerUrl: [{
              max: 40,
              message: '最多 40 个字',
              trigger: 'blur, change'
            }], // 可以修改，string（128）,顶部居中的url ，仅在卡券状态正常(可以核销)时显示
            centerAppBrandUserName: [{
              max: 40,
              message: '最多 40 个字',
              trigger: 'blur, change'
            }], // 可以修改，string（128）,卡券跳转的小程序的user_name，仅可跳转该 公众号绑定的小程序
            centerAppBrandPass: [{
              max: 40,
              message: '最多 40 个字',
              trigger: 'blur, change'
            }], // 可以修改，string（128）,卡券跳转的小程序的path
            customUrlName: [{
              max: 5,
              message: '最多 5 个字',
              trigger: 'blur, change'
            }], // 可以修改，string（15）,自定义跳转外链的入口名字
            customUrl: [{
              max: 40,
              message: '最多 40 个字',
              trigger: 'blur, change'
            }], // 可以修改，string（128）,自定义跳转的URL
            customUrlSubTitle: [{
              max: 6,
              message: '最多 6 个字',
              trigger: 'blur, change'
            }], // 可以修改，string（18）,显示在入口右侧的提示语
            customAppBrandUserName: [{
              max: 40,
              message: '最多 40 个字',
              trigger: 'blur, change'
            }], // 可以修改，string（128）,卡券跳转的小程序的user_name，仅可跳转该 公众号绑定的小程序
            customAppBrandPass: [{
              max: 40,
              message: '最多 40 个字',
              trigger: 'blur, change'
            }], // 可以修改，string（128）,卡券跳转的小程序的path
            promotionUrlName: [{
              max: 5,
              message: '最多 5 个字',
              trigger: 'blur, change'
            }], // 可以修改，string（15）,营销场景的自定义入口名称
            promotionUrl: [{
              max: 40,
              message: '最多 40 个字',
              trigger: 'blur, change'
            }], // 可以修改，入口跳转外链的地址链接
            promotionUrlSubTitle: [{
              max: 6,
              message: '最多 6 个字',
              trigger: 'blur, change'
            }], // 可以修改，string（18）,显示在营销入口右侧的提示语
            promotionAppBrandUserName: [{
              max: 40,
              message: '最多 40 个字',
              trigger: 'blur, change'
            }], // 可以修改，string（128）,卡券跳转的小程序的user_name，仅可跳转该公众号绑定的小程序
            promotionAppBrandPass: [{
              max: 40,
              message: '最多 40 个字',
              trigger: 'blur, change'
            }], // 可以修改，string（128）,卡券跳转的小程序的path
            getLimit: [{
              type: 'integer',
              len: 1,
              message: '仅可填 1',
              trigger: 'blur, change'
            }], // 可以修改，每人可领券的数量限制，建议会员卡每人限领一张
            canShare: [{
              type: 'boolean',
              message: '仅限boolean类型',
              trigger: 'change'
            }], // 可以修改，卡券领取页面是否可分享
            canGiveFriend: [{
              type: 'boolean',
              message: '仅限boolean类型',
              trigger: 'change'
            }], // 可以修改，卡券是否可转赠
            needPushOnView: [{
              type: 'boolean',
              message: '仅限boolean类型',
              trigger: 'change'
            }] // 填写true为用户点击进入会员卡时推送事件，默认为false。详情见 进入会员卡事件推送
          }
        }
      }
    }
  },
  created () {
    this.getQuery()
  },
  methods: {
    // 获取url参数
    getQuery () {
      const query = this.$route.query
      this.query = query
      switch (query.type) {
        case 'create':
          console.log('type: created', 'cardType:' + query.cardType)
          break
        case 'edit':
          this.initMockData(query.cardId)
          console.log('type: edit')
      }
    },

    initMockData (cardId) {
      console.log('cardId:' + cardId)
    }
  }
}
</script>
